/**@name PC站样式表*/
/*@group label*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0; zoom:1;}
body {font-size:12px; font-family:'微软雅黑', '宋体', tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;}
textarea {font-size:12px;}
input{border:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
ul, dl, ol, li {list-style:none;}
em {font-style:normal;}
img {border:none;}

a {text-decoration:none; cursor:pointer; color:#666;}
a:linked {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

form button {height:30px; padding:0 20px; font-size:12px; color:#fff; line-height:30px; text-align:center; text-decoration:none; background:#00AF4F; border:0; border-radius:2px; cursor:pointer;} 
form button:hover {background:#0DBD73;}
form button.button-gray {background:#ddd; color:#666;}
form button.button-gray:hover {background:#e9e9e9;}

form input {width:200px; height:30px; padding:0 10px; font-size:12px; line-height:28px; background:#fff; border:1px solid #ccc; border-radius:2px;}
form input:hover {background:#f7f7f7; border:1px solid #0DBD73;}
form input.input-active {background:#f7f7f7; border:1px solid #0DBD73;}
form input.input-big {width:300px;}
form input.input-small {width:150px;}
form input.input-mini {width:100px;}

form textarea {width:200px; padding:8px 10px; font-size:12px; line-height:20px; background:#fff; border:1px solid #ccc; border-radius:2px;}
form textarea:hover {background:#f7f7f7; border:1px solid #0DBD73;}

form select {font-size:12px; border:0;}

form .item {height:45px;}
form .item .label {float:left; width:120px; height:35px; font-size:12px; line-height:35px; text-align:right;}
form .item .element {float:left; position:relative; width:350px; margin-left:15px; padding-left:5px;}
form .item .element a {font-size:14px; color:#CBD761;}
form .item .element .icon {position:absolute; display:block; top:5px; left:240px; height:35px;}
form .item .element .tips {height:25px; font-size:12px; color:#999; line-height:25px;}
form .item .element .tips-error {color:#fa3e4c;}
form .item-seccode .element .seccode {position:absolute; display:block; top:0; left:135px; width:80px; height:30px;}
form .item-seccode .element .seccode img {cursor:pointer;}

/*@group */
.box {position:relative; margin:0 auto; width:1100px;}
.clear {height:0px; line-height:0px; font-size:0px; clear:both; overflow:hidden;}

/*@group show_message*/
.show_message {margin:20px 0; padding:60px 0 80px 0;}
.show_message .context {padding:20px;}
.show_message .context a {font-size:18px; color:#ff0000;}
.show_message .context .title {font-size:20px; font-weight:bold; text-align:center; line-height:40px;}
.show_message .context .line {border-top:1px solid #ccc; margin:10px auto;}
.show_message .context .text {padding:20px; font-size:20px; text-align:center; line-height:30px;}
.show_message .context .forward {text-align:center;}

/*@group dialog*/
.dialog {position:absolute; top:0; left:0; width:100%; height:100px; z-index:9991;}
.dialog .cover {position:absolute; width:100%; height:100%; background:#333; z-index:9992; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75;}
.dialog .window {position:absolute; top:0; left:50%; width:100px; height:100px; background:#fff; z-index:9993; border-radius:1px;}
.dialog .window .title {margin:20px 27px 0 27px; height:42px; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; z-index:80;}
.dialog .window .shut {position:absolute; top:-1px; right:-60px; width:60px; height:60px; background:url(../images/pc/icon-close.png) no-repeat; cursor:pointer;}
.dialog .window .content {clear:both; border:0;}
.dialog .window .content .message {padding:20px 0; font-size:16px; color:#666; text-align:center;  overflow:auto;}
.dialog .window .content .message .qr img {width:200px; height:200px;}
.dialog .window .content .message .tips {text-align:left;}
.dialog .window .operate {height:60px; padding-top:20px; text-align:center; background:#fafafa;}
.dialog .window .operate button {display:inline-block; margin-right:10px; width:120px;}
.dialog .window form.edit {margin-top:15px;}

/*@group crumbs*/
.space {height:40px;}
.crumbs {height:46px; color:#999; line-height:46px;}
.crumbs a {color:#999;}
.crumbs a:hover {color:#666;}

/*@group showpager*/
.showpager {padding:20px 0; text-align:center;}
.showpager .pages {font-size:14px;}
.showpager .pages a {border:1px solid #ccc; padding:2px 8px; margin:0 5px;}
.showpager .pages a:hover {background:#e3e3e3;}

/*@group header*/
.header {position:relative; width:100%; height:80px;}
.header .logo {float:left; margin-top:18px; width:110px; height:40px;}
.header .slogan {float:left; margin-top:18px; width:150px; height:40px; font-size:14px; line-height:24px; color:#666;}
.header .navs {float:right; margin-top:18px; width:400px; height:30px;}
.header .navs .nav {position:relative; float:right; margin-left:1px; width:48px; height:30px;}
.header .navs .nav .cover {position:absolute; bottom:0; left:4px; width:40px; height:2px; background:#00AF4F; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; z-index:99;}
.header .navs .nav a {position:relative; display:block; font-size:13px; text-align:center; line-height:30px; z-index:9999;}
.header .navs .nav a:hover {color:#00AF4F;}
.header .navs .nav-active .cover {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.header .navs .nav-demo {width:80px; text-align:right;}
.header .navs .nav-demo button {margin:4px 0 0 0; padding:5px 6px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.header .navs .nav-demo button:hover {background:#0DBD73;}

/*@group index*/
.index .flexslider {position:relative;}
.index .flexslider .slides {height:450px;}
.index .flexslider .slides li {height:450px; cursor:pointer;}
.index .flexslider .slides li .title {padding-top:87px; font-size:32px; color:#fff;}
.index .flexslider .slides li .subtitle {margin-top:10px; font-size:18px; color:#fff;}
.index .flexslider .slides li .summary {margin-top:10px; font-size:12px; line-height:20px; color:#fff;}
.index .flexslider .slides li .link {padding-top:20px;}
.index .flexslider .slides li .link button {margin:4px 0 0 0; padding:8px 20px; font-size:12px; color:#00AF4F; background:#fff; border:0; cursor:pointer;}
.index .flexslider .slides li .link button:hover {background:#e3e3e3;}
.index .flexslider .flex-direction-nav {display:none;}
.index .flexslider .flex-control-paging {position:absolute; left:50%; bottom:10px; margin-left:400px; width:200px; height:30px; text-align:right; z-index:999;}
.index .flexslider .flex-control-paging li {margin:0 2px; display:inline-block; *display:inline;}
.index .flexslider .flex-control-paging li a {display:block; width:20px; height:20px; font-size:12px; color:#fff; line-height:19px; text-align:center; background:#000; border-radius:10px;}
.index .flexslider .flex-control-paging li a:hover {background:#E43E40; text-decoration:none;}
.index .flexslider .flex-control-paging li a.flex-active {background:#E43E40;}
.index .products {padding-top:65px;}
.index .products .head {height:50px; font-size:36px; color:#3B3F4B; text-align:center;}
.index .products ul {padding-top:65px;}
.index .products ul li {position:relative; float:left; margin-right:30px; width:330px; height:240px; cursor:pointer;}
.index .products ul li .item {position:relative; z-index:999;}
.index .products ul li .item .img {float:left; width:120px; height:120px;}
.index .products ul li .item .img img {width:100px;}
.index .products ul li .item .right {float:left; width:200px;}
.index .products ul li .item .right .name {height:35px; font-size:16px;}
.index .products ul li .item .right .tips {font-size:12px; line-height:20px; color:#666;}
.index .products ul li.last {margin-right:0;} 
.index .features {padding:65px 0;}
.index .features .head {height:50px; font-size:36px; line-height:50px; color:#3B3F4B; text-align:center;}
.index .features .line {margin-top:35px; height:1px; background:#ccc;}
.index .features ul {padding-top:45px;}
.index .features ul li {position:relative; float:left; width:255px; height:260px; text-align:center; cursor:pointer;}
.index .features ul li .item {position:relative; z-index:999;}
.index .features ul li .item .img {height:125px;}
.index .features ul li .item .name {height:40px; font-size:20px; font-weight:bold; line-height:40px;}
.index .features ul li .item .tips {padding:0 40px; line-height:20px;}
.index .features ul li.last {border-right:0;}
.index .features .forums {padding:30px 40px;}
.index .features .forums .text {float:left; width:370px; font-size:13px; line-height:20px;}
.index .features .forums .link {float:right; width:150px;}
.index .features .forums .link button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.index .features .forums .link button:hover {background:#0DBD73;}
.index .customers {position:relative; padding:65px 0;}
.index .customers .head {height:50px; font-size:36px; line-height:50px; color:#3B3F4B; text-align:center;}
.index .customers .line {margin-top:35px; height:1px; background:#ccc;}
.index .customers .desc {padding:20px 0; font-size:14px; line-height:20px; color:#3B3F4B; text-align:center;}
.index .customers .list {position:relative; padding-left:35px; width:1100px; height:420px; overflow:hidden;}
.index .customers .list .slides li {float:left; height:338px;}
.index .customers .list .slides li .item {position:relative; float:left; margin:12px; width:150px; height:110px; text-align:center; background:#fff; border:1px solid #f2f2f2; z-index:9; cursor:pointer;}
.index .customers .list .slides li .item span {display:inline-block; height:100%; vertical-align:middle;}
.index .customers .list .slides li .item img {vertical-align:middle;}
.index .customers .flexslider .flex-control-nav {display:none;}
.index .customers .flexslider .flex-direction-nav {display:block;}
.index .customers .flexslider .flex-direction-nav a {position:absolute; display:block; top:45%; width:15px; height:30px; font-size:0; z-index:10; cursor:pointer;}
.index .customers .flexslider .flex-direction-nav .flex-prev {left:0; background:url(../images/index/icon-slider-left.png) no-repeat;}
.index .customers .flexslider .flex-direction-nav .flex-prev:hover {background:url(../images/index/icon-slider-left-active.png) no-repeat;}
.index .customers .flexslider .flex-direction-nav .flex-next {right:0; background:url(../images/index/icon-slider-right.png) no-repeat;}
.index .customers .flexslider .flex-direction-nav .flex-next:hover {background:url(../images/index/icon-slider-right-active.png) no-repeat;}
.index .download {padding:65px 0;}
.index .download .head {height:50px; font-size:36px; line-height:50px; color:#3B3F4B; text-align:center;}
.index .download .line {margin-top:35px; height:1px; background:#ccc;}
.index .download .wrap {padding:50px 0;}
.index .download .wrap .img {float:left; width:420px; height:250px; text-align:center;}
.index .download .wrap .list {float:left; margin-left:80px; width:500px;}
.index .download .wrap .list .item .left {float:left; width:80px; height:120px;}
.index .download .wrap .list .item .right {float:left; width:400px;}
.index .download .wrap .list .item .right {margin-bottom:20px;}
.index .download .wrap .list .item .right .title {padding-bottom:5px; font-size:18px; font-weight:bold;}
.index .download .wrap .list .item .right .summary {padding-bottom:10px; font-size:13px;}
.index .download .wrap .list .item .right .link a {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.index .download .wrap .list .item .right .link a:hover {background:#0DBD73;}
.index .download .trial {padding:30px 40px 120px 40px;}
.index .download .trial .text {float:left; width:370px; font-size:13px; line-height:20px;}
.index .download .trial .link {float:right; width:150px;}
.index .download .trial .link button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.index .download .trial .link button:hover {background:#0DBD73;}

/*@group product*/
.product .banner {height:480px; text-align:center;}
.product .banner .title {padding-top:140px; font-size:32px; font-weight:bold; line-height:40px; color:#fff;}
.product .banner .subtitle {padding-top:40px; font-size:18px; color:#fff;}
.product .intro {padding:60px 0; background:#e3e3e3;}
.product .intro .left {float:left; width:680px;}
.product .intro .left .title {font-size:32px; font-weight:bold; line-height:60px;}
.product .intro .left .summary {width:580px; font-size:16px; line-height:30px;}
.product .intro .right {float:left; width:420px; text-align:center;}
.product .intro .right .img img {width:400px;}
.product .feature li {padding:40px 0; border-bottom:1px solid #ccc;}
.product .feature li .img {float:left; margin-right:30px; width:500px; text-align:center;}
.product .feature li .img img {width:450px;}
.product .feature li .text {float:left; width:500px;}
.product .feature li .text .title {font-size:32px; font-weight:bold; line-height:60px;}
.product .feature li .text .summary {width:580px; font-size:16px; line-height:30px;}
.product .feature li .text-first {padding-top:120px;}
.product .feature li:last-child {border:0;}
.product .function {padding:60px 0; background:#e3e3e3;}
.product .function .box {padding:30px; background:#fff;}
.product .function .head {height:45px; font-size:32px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.product .function .line {margin-top:35px; height:1px; background:#ccc;}
.product .function .desc {font-size:14px; line-height:20px; color:#3B3F4B;}
.product .function ul {padding:65px 35px 0 35px;}
.product .function ul li {position:relative; float:left; margin-right:30px; width:300px; height:160px; cursor:pointer;}
.product .function ul li .item {position:relative; z-index:999;}
.product .function ul li .item .img {float:left; width:110px; height:110px; text-align:center;}
.product .function ul li .item .right {float:left; width:180px;}
.product .function ul li .item .right .name {height:35px; font-size:16px;}
.product .function ul li .item .right .tips {font-size:12px; line-height:20px; color:#666;}
.product .business {padding-top:65px;}
.product .business .head {height:50px; font-size:32px; font-weight:bold; color:#3B3F4B;}
.product .business ul {padding-top:65px;}
.product .business ul li {position:relative; float:left; margin:0 20px; width:320px; height:240px; cursor:pointer;}
.product .business ul li .item {position:relative; z-index:999;}
.product .business ul li .item img {width:100%; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.product .business ul li .item .detail {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.product .business ul li .item .detail .name {padding-top:120px; font-size:28px; font-weight:bold; text-align:center; color:#00AF4F;}
.product .partner .line {margin-top:35px; height:1px; background:#ccc;}
.product .partner .head {margin-top:45px; height:45px; font-size:32px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.product .partner .desc {font-size:14px; line-height:20px; color:#3B3F4B;}
.product .partner .list .item {position:relative; float:left; margin:20px 20px 20px 0; width:150px; height:110px; text-align:center; background:#fff; border:1px solid #f2f2f2; z-index:9; cursor:pointer;}
.product .partner .list .item span {display:inline-block; height:100%; vertical-align:middle;}
.product .partner .list .item img {vertical-align:middle;}
.product .version .line {margin-top:35px; height:1px; background:#ccc;}
.product .version .head {margin-top:45px; height:45px; font-size:32px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.product .version .desc {font-size:14px; line-height:20px; color:#3B3F4B;}
.product .version table {margin-top:35px;}
.product .version table td {padding:15px;}
.product .version table td .tips {font-size:12px; color:#999;}
.product .version table .row-head td {font-size:18px; font-weight:bold; background:#f7f7f7;}
.product .version table .row-2 td {background:#f7f7f7;}
.product .version table .row-split td {padding-top:35px; font-weight:bold;}
.product .version table .row-line td {padding:15px 0;}
.product .version table .row-line td p {height:1px; background:#ccc;}
.product .version table .row-stat td {padding:25px 15px; font-size:18px; font-weight:bold;}
.product .version table .row-stat td .price {color:red;}
.product .version table .row-stat td .tips {padding-top:10px; font-size:12px; font-weight:normal; color:#666; text-align:center;}
.product .service {padding:65px 0 120px 0;}
.product .service .head {margin-top:45px; height:45px; font-size:32px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.product .service .line {margin-top:35px; height:1px; background:#ccc;}
.product .service .desc {font-size:14px; line-height:20px; color:#3B3F4B;}
.product .service ul {padding-top:45px;}
.product .service ul li {position:relative; float:left; width:200px; text-align:center; cursor:pointer;}
.product .service ul li .item {position:relative; z-index:999;}
.product .service ul li .item .img {height:120px;}
.product .service ul li .item .name {height:40px; font-size:20px; font-weight:bold; line-height:40px;}
.product .service ul li.big {width:400px;}

/*@group market*/
.market .banner {height:360px; text-align:center;}
.market .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#fff;}
.market .banner .subtitle {padding-top:20px; font-size:18px; color:#fff;}
.market .commend li {padding:60px 0; border-bottom:1px solid #ccc;}
.market .commend li .img {float:left; margin-right:30px; width:500px; text-align:center;}
.market .commend li .text {float:left; width:500px;}
.market .commend li .text .title {font-size:32px; font-weight:bold; line-height:60px;}
.market .commend li .text .summary {width:580px; font-size:16px; line-height:30px;}
.market .commend li:last-child {padding-bottom:120px;}
.market .modules .head {margin-top:45px; height:45px; font-size:32px; font-weight:bold; line-height:35px; color:#3B3F4B; text-align:center;}
.market .modules .desc {font-size:14px; line-height:20px; color:#3B3F4B; text-align:center;}
.market .modules ul {padding:65px 0;}
.market .modules ul li {position:relative; float:left; margin:0 0 -1px -1px; width:250px; height:300px; text-align:center; background:#fff; border:1px solid #f2f2f2; z-index:9; cursor:pointer;}
.market .modules ul li .img {margin-top:40px; height:150px;}
.market .modules ul li .img span {display:inline-block; height:100%; vertical-align:middle;}
.market .modules ul li .title {font-size:16px; font-weight:bold; line-height:30px;}
.market .modules ul li .tips {font-size:13px; color:#888;}
.market .modules ul li.trial {width:501px;}
.market .modules ul li.trial .title {padding-top:120px; font-weight:normal;}
.market .modules ul li.trial .link {padding-top:20px;}
.market .modules ul li.trial .link button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.market .modules ul li.trial .link button:hover {background:#0DBD73;}
.market .developer {padding:30px 40px 120px 40px;}
.market .developer .head {font-size:36px; font-weight:bold; text-align:center;}
.market .developer .link {padding-top:20px; text-align:center;}
.market .developer .link button {padding:6px 20px; font-size:16px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.market .developer .link button:hover {background:#0DBD73;}

/*@group trial*/
.trial .ilooklook .banner {height:547px;}
.trial .ilooklook .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#C40202;}
.trial .ilooklook .banner .subtitle {padding-top:20px; font-size:18px;}
.trial .ilooklook .intro .registe {padding:30px 40px; border-bottom:1px solid #ccc;}
.trial .ilooklook .intro .registe .text {float:left; width:370px; font-size:18px; line-height:20px;}
.trial .ilooklook .intro .registe .link {float:right; width:150px;}
.trial .ilooklook .intro .registe .link button {margin:4px 0 0 0; padding:6px 20px; font-size:14px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.trial .ilooklook .intro .registe .link button:hover {background:#0DBD73;}
.trial .ilooklook .intro li {padding:60px 0; border-bottom:1px solid #ccc;}
.trial .ilooklook .intro li .img {float:left; margin-right:30px; width:500px; text-align:center;}
.trial .ilooklook .intro li .text {float:left; width:500px;}
.trial .ilooklook .intro li .text .title {font-size:32px; font-weight:bold;}
.trial .ilooklook .intro li .text .summary {width:580px; font-size:16px; line-height:30px;}
.trial .ilooklook .intro li.big .img {width:560px;}
.trial .ilooklook .intro li.big .text {width:400px;}
.trial .ilooklook .intro li:last-child {padding-bottom:120px; border:0;}
.trial .wx_card .banner {height:480px;}
.trial .wx_card .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#C40202;}
.trial .wx_card .banner .subtitle {padding-top:20px; font-size:18px;}
.trial .wx_card .intro li {padding:60px 0; border-bottom:1px solid #ccc;}
.trial .wx_card .intro li .img {float:left; margin-right:30px; width:500px; text-align:center;}
.trial .wx_card .intro li .text {float:left; width:500px;}
.trial .wx_card .intro li .text .title {font-size:32px; font-weight:bold; line-height:60px;}
.trial .wx_card .intro li .text .summary {width:580px; font-size:16px; line-height:30px;}
.trial .wx_card .intro li:last-child {padding-bottom:120px; border:0;}

/*@group forum*/
.forum .banner {height:440px;}
.forum .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#fff;}
.forum .banner .subtitle {padding-top:20px; font-size:18px; color:#fff;}
.forum .banner-mini {height:320px;}
.forum .slogan {padding:65px 0 20px 0;}
.forum .slogan .left {float:left; width:650px;}
.forum .slogan .left .head {height:45px; font-size:18px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.forum .slogan .left .summary {position:relative; width:500px; height:60px; font-size:13px;}
.forum .slogan .left .summary span {display:block; position:absolute; right:10px; bottom:0px; width:80px; height:20px; font-size:12px; font-weight:bold; color:#00AF4F;}
.forum .slogan .left .text {width:300px; height:50px; font-size:18px; line-height:50px; text-align:center; background:url(../images/forum/img-text-bg.jpg) center center no-repeat;}
.forum .slogan .right {float:left; width:300px;}
.forum .slogan .right ul li {float:left; width:90px; height:90px; text-align:center;}
.forum .slogan .right ul li img {width:65px; border-radius:50%;}
.forum .items .line {margin:20px auto; height:1px; background:#ccc;}
.forum .items .head {height:45px; font-size:18px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.forum .items ul {padding-top:45px;}
.forum .items ul li {position:relative; float:left; width:210px; height:260px; text-align:center; cursor:pointer;}
.forum .items ul li .item {position:relative; z-index:999;}
.forum .items ul li .item .img {height:100px;}
.forum .items ul li .item .name {height:40px; font-size:16px; line-height:40px;}
.forum .items ul li .item .tips {padding:0 40px; line-height:20px; color:#999;}
.forum .items ul li.last {border-right:0;}
.forum .jobs {padding:0 0 120px 0;}
.forum .jobs .line {margin:20px auto; height:1px; background:#ccc;}
.forum .jobs .head {height:45px; font-size:18px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.forum .jobs ul {padding:40px 0 30px 0;}
.forum .jobs ul li {float:left; width:140px;}
.forum .jobs ul li .title {padding-bottom:20px; font-size:16px;}
.forum .jobs ul li .text {font-size:13px;}
.forum .jobs ul li .link a {display:block; line-height:22px;}
.forum .jobs .button button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.forum .jobs .button button:hover {background:#0DBD73;}
.forum .topics {padding:20px 0 120px 0;}
.forum .topics .box {padding:0 30px; background:#fff;}
.forum .topics .left {float:left; width:800px;}
.forum .topics .left .head {height:45px; font-size:32px; font-weight:bold; line-height:35px; text-align:center; color:#3B3F4B;}
.forum .topics .left .line {margin:5px 0; height:1px; background:#ccc;}
.forum .topics .left .crumb {padding-left:20px; background:url(../images/icon-home.png) left center no-repeat;}
.forum .topics .left .intro {padding:15px 0;}
.forum .topics .left .intro .img {float:left; width:80px;}
.forum .topics .left .intro .img img {width:65px;}
.forum .topics .left .intro .text {float:left; margin-top:15px; width:500px;}
.forum .topics .left .intro .text .title {font-size:16px;}
.forum .topics .left .intro .text .tips {line-height:20px; color:#999;}
.forum .topics .left .rule {padding:10px 0; color:#666; border-top:1px solid #ccc;}
.forum .topics .left .tags a {color:#333;}
.forum .topics .left .tags a:hover {color:#666;}
.forum .topics .left .tags .tag {margin:2px 3px; display:inline-block; *dislay:inline; cursor:pointer;}
.forum .topics .left .tags .tag-active {font-weight:bold;}
.forum .topics .left .tags .tag-line {color:#999;}
.forum .topics .left .tags .tag-stat {font-size:11px;}
.forum .topics .left ul li {position:relative; padding:15px 0; border-bottom:1px solid #ccc;}
.forum .topics .left ul li .photo {float:left; width:60px;}
.forum .topics .left ul li .photo img {width:45px; border-radius:50%;}
.forum .topics .left ul li .text {float:left; width:600px;}
.forum .topics .left ul li .text .title {padding:4px 0; font-size:14px;}
.forum .topics .left ul li .text .title a {color:#333;}
.forum .topics .left ul li .text .desc {font-size:11px; color:#999;}
.forum .topics .left ul li .stat {position:absolute; right:10px; bottom:10px; width:120px; height:20px;}
.forum .topics .left ul li .stat p {float:left; margin:0 10px 0 0; padding-left:12px; font-size:10px; color:#999;}
.forum .topics .left ul li .stat p.hits {background:url(../images/forum/icon-hits.png) left center no-repeat;}
.forum .topics .left ul li .stat p.post {margin-right:0; background:url(../images/forum/icon-post.png) left center no-repeat;}
.forum .topics .left ul li .line {margin-top:10px;}
.forum .topics .left .empty {padding:80px 0; font-size:16px; color:#999;}
.forum .topics .right {float:right; width:240px;}
.forum .topics .right .button {padding-bottom:20px;}
.forum .topics .right .button button {padding:10px 0; width:100%; font-size:14px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.forum .topics .right .button button:hover {background:#0DBD73;}
.forum .topics .right .user {padding-top:30px; text-align:center;}
.forum .topics .right .user .photo {position:relative;}
.forum .topics .right .user .photo img {width:65px; border-radius:50%;}
.forum .topics .right .user .name {padding-bottom:30px;}
.forum .topics .right .user .stat {margin:10px 0; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.forum .topics .right .user .stat p {float:left; width:78px; height:36px; line-height:18px; color:#666; border-right:1px solid #ccc;}
.forum .topics .right .user .stat .module {border-right:0;}
.forum .topics .right .bbs {padding-bottom:20px;}
.forum .topics .right .bbs .title {float:left; padding:10px 0; width:45%; font-weight:bold;}
.forum .topics .right .bbs .stat {float:right; padding:10px 0; width:45%; text-align:right;}
.forum .topics .right .bbs ul li {float:left; margin:0 0 -1px -1px; padding:10px 0; width:118px; text-align:center; border:1px solid #ccc;}
.forum .topics .right .bbs ul li.lt {border-left:0;}
.forum .topics .right .bbs ul li.gt {border-right:0;}
.forum .topics .right .salon .img img {width:100%;}
.forum .topics .right .salon .title {padding-bottom:5px; font-size:14px; font-weight:bold;}
.forum .topics .right .salon .title a {color:#222;}
.forum .topics .right .salon .summary {padding-bottom:5px; font-size:12px; line-height:18px; color:#666;}
.forum .topics .right .salon .link {text-align:right;}
.forum .topics .topic .title {padding:45px 0; font-size:32px; font-weight:bold; line-height:40px; text-align:center; color:#00AF4F;}
.forum .topics .topic .intro {padding-top:10px;}
.forum .topics .topic .intro .source {float:left; width:600px;}
.forum .topics .topic .intro .link {float:right; width:100px;}
.forum .topics .topic .intro .link span {display:block; padding-left:18px; width:80px; height:20px; line-height:20px; color:#666; background:url(../images/forum/icon-phone.png) left center no-repeat;}
.forum .topics .topic .content {padding:20px 0; font-size:14px; line-height:22px;}
.forum .topics .topic .content p {padding:4px 0;}
.forum .topics .topic .content .file {padding:2px; text-align:center;}
.forum .topics .topic .content .file img {max-width:650px;}
.forum .topics .topic .content .attachment {padding-top:10px;}
.forum .topics .topic .content .attachment img {max-width:650px;}
.forum .topics .topic .misc {padding:20px 0; text-align:right;}
.forum .topics .topic .misc span {margin:0 4px; padding:4px 10px; border:1px solid #ccc; display:inline-block; *display:inline; cursor:pointer;}
.forum .topics .topic .misc span.up-active {background:#ccc;}
.forum .topics .posts .head {height:45px; font-size:18px; font-weight:bold; line-height:35px; text-align:left; color:#3B3F4B;}
.forum .topics .posts ul li .dateline {font-size:10px; color:#999;}
.forum .topics .posts ul li .username {color:#0267CC;}
.forum .topics .posts ul li .reply {margin-bottom:2px; padding:4px; background:#f7f7f7;}
.forum .topics .posts ul li .reply .user {color:#0267CC;}
.forum .topics .posts ul li .button {float:right; width:100px; text-align:center;}
.forum .topics .posts ul li .button button {margin-top:10px; padding:4px 8px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.forum .topics .posts ul li .button button:hover {background:#0DBD73;}
.forum .topics .posts ul li.more {border-bottom:0; text-align:center;}
.forum .topics .posts ul li.more .button {float:none; width:auto;}
.forum .topics .posts ul li.more .button button {padding:10px 20px; background:#eee; font-family:'宋体'; color:#666;}
.forum .topics .posts ul li.more .button button:hover {background:#e9e9e9;}
.forum .topics .form {margin:50px 0 0 0; width:720px;}
.forum .topics .form .head {height:45px; font-size:24px; font-weight:bold; line-height:35px; color:#3B3F4B;}
.forum .topics .form .reply {padding:5px;}
.forum .topics .form .reply .username {color:#0267CC;}
.forum .topics .form form {padding-top:30px;}
.forum .topics .form form .item .label {width:60px;}
.forum .topics .form form .item .element {width:600px;}
.forum .topics .form .content textarea {padding:4px; width:100%;}
.forum .topics .form .tips {font-size:10px; color:#999;}
.forum .topics .form .button {text-align:right;}
.forum .topics .form .button button {font-size:14px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.forum .topics .form .button button:hover {background:#0DBD73;}
.forum .topics .form .upload {padding-top:20px;}
.forum .topics .form .upload .ref {position:relative; float:left; margin-right:2px; width:100px; height:100px; text-align:center; border:1px solid #e3e3e3;}
.forum .topics .form .upload .ref span {display:inline-block; height:100%; vertical-align:middle;}
.forum .topics .form .upload .ref img {vertical-align:middle;}
.forum .topics .form .upload .ref .cover {position:absolute; display:block; top:0; left:0; width:100px; height:100px; color:#fff; line-height:115px; text-align:center; background:#333; cursor:pointer; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75;}
.forum .topics .form .upload .add {padding:30px 0 0 30px; border:0;}

/*@group about*/
.about .banner {height:440px;}
.about .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#fff;}
.about .banner .subtitle {padding-top:20px; font-size:18px; color:#fff;}
.about .intro {padding:60px 0;}
.about .intro .box {padding:30px; background:#fff;}
.about .intro .head {height:45px; font-size:32px; font-weight:bold; line-height:35px; text-align:center; color:#3B3F4B;}
.about .intro .line {margin-top:35px; height:1px; background:#ccc;}
.about .intro .summary {padding:45px 0; font-size:14px; line-height:20px; color:#3B3F4B;}
.about .intro .block .tag {width:70px; font-size:16px; text-align:center;}
.about .intro .block .line {margin-top:10px; width:70px; height:2px; background:#00AF4F;}
.about .intro .block .summary {padding-top:10px;}
.about .intro .block .summary .left {float:left; width:400px;}
.about .intro .block .summary .left span {display:block;}
.about .intro .block .summary .right {float:left; width:600px;}
.about .intro .block .summary .right img {width:420px;}

/*@group salon*/
.salon .banner {height:360px;}
.salon .banner .title {padding-top:120px; font-size:32px; font-weight:bold; line-height:40px; color:#fff;}
.salon .banner .subtitle {padding-top:20px; font-size:18px; color:#fff;}
.salon .list {padding:45px 0 120px 0;}
.salon .list .head {padding:20px 0 20px 0; font-size:28px; line-height:35px; text-align:center; color:#00AF4F;}
.salon .list .line {margin:20px auto; height:1px; background:#ccc;}
.salon .list ul li .left {float:left; width:310px;}
.salon .list ul li .left img {width:270px;}
.salon .list ul li .right {float:left; width:720px;}
.salon .list ul li .right .title {padding-bottom:15px; font-size:18px; font-weight:bold;}
.salon .list ul li .right .title a {color:#222;}
.salon .list ul li .right .summary {padding-bottom:15px; font-size:12px; line-height:18px; color:#333;}
.salon .list ul li .right .text {padding-top:10px; font-size:12px; line-height:18px; color:#333;}
.salon .list ul li .right .button {text-align:right;}
.salon .list ul li .right .button button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.salon .list ul li .right .button button:hover {background:#0DBD73;}
.salon .detail {padding:20px 0 120px 0;}
.salon .detail .box {padding:0 30px; background:#fff;}
.salon .detail .head {height:45px; font-size:32px; font-weight:bold; line-height:35px; text-align:center; color:#3B3F4B;}
.salon .detail .line {margin:5px 0; height:1px; background:#ccc;}
.salon .detail .crumb {padding-left:20px; background:url(../images/icon-home.png) left center no-repeat;}
.salon .detail .content .title {padding:45px 0; font-size:32px; font-weight:bold; line-height:40px; text-align:center;}
.salon .detail .content .intro {padding-top:10px;}
.salon .detail .content .intro .source {float:left; width:600px;}
.salon .detail .content .intro .button {float:right; width:300px; text-align:right;}
.salon .detail .content .intro .button button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.salon .detail .content .intro .button button:hover {background:#0DBD73;}
.salon .detail .content .intro .button button.booked {background:#999;}
.salon .detail .content .img {padding:45px 0; text-align:center;}
.salon .detail .content .block {padding:25px 0;}
.salon .detail .content .block .tag {width:70px; font-size:16px; text-align:center;}
.salon .detail .content .block .line {margin-top:10px; width:70px; height:2px; background:#00AF4F;}
.salon .detail .content .block .summary {padding-top:10px; line-height:20px;}

/*@group footer*/
.footer {background:#e3e3e3;}
.footer ul {padding:40px 0 30px 0;}
.footer ul li {float:left; width:140px;}
.footer ul li .title {padding-bottom:20px; font-size:16px;}
.footer ul li .text {font-size:13px;}
.footer ul li .link a {display:block; line-height:22px;}
.footer ul li .link button {margin:4px 0 0 0; padding:6px 20px; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
.footer ul li .link button:hover {background:#0DBD73;}
.footer ul li.left {width:220px;}
.footer ul li.left .logo {height:40px;}
.footer ul li.left .text {font-size:16px;}
.footer ul li.left .third {padding-top:10px;}
.footer ul li.left .third a {display:block; float:left; width:32px;}
.footer ul li.left .third a img {width:26px;}
.footer ul li.left .third a.kr img {width:32px;}
.footer ul li.right {width:180px;}
.footer .copyright {padding:10px 0; line-height:30px; color:#ccc; background:#666;}
.footer .copyright a {color:#aaa;}

/*@group scroll-up*/
#scroll-up {right:20px; bottom:20px; width:42px; height:43px; background:url(../images/icon-go2top.png) center center no-repeat;}
#scroll-up-active {display:none;}

@media only screen and (min-width: 960px) and (max-width: 1199px){
	.box {width:960px;}
	.index .flexslider .slides {height:350px;}
	.index .flexslider .slides li {height:350px;}
	.index .products ul li {margin-right:20px; width:300px; height:220px;}
	.index .products ul li .item .img {width:100px; height:100px;}
	.index .products ul li .item .img img {width:80px;}
	.index .products ul li .item .right {width:200px;}
	.index .features ul li {width:240px; height:260px;}
	.index .customers .list {width:920px; height:550px; overflow:hidden;}
	.index .customers .list .slides li {height:550px;}
	.index .customers .list .slides li .item {margin:12px; width:150px; height:110px;}
	.index .customers .list .slides li .item img {max-width:95%;}
	.index .download .wrap .img {width:360px; height:250px;}
	.product .intro .left {width:580px;}
	.product .intro .left .title {font-size:28px;}
	.product .intro .left .summary {width:480px;}
	.product .intro .right {width:320px;}
	.product .intro .right .img img {width:300px;}
	.product .feature li .img {width:400px;}
	.product .feature li .img img {width:350px;}
	.product .feature li .text {width:480px;}
	.product .feature li .text .title {font-size:28px;}
	.product .feature li .text .summary {width:480px;}
	.product .function ul li {width:400px;}
	.product .business ul li {width:280px;}
	.product .service ul li {width:180px;}
	.market .commend li .img {width:400px;}
	.market .commend li .text {width:480px;}
	.market .commend li .text .title {font-size:28px;}
	.market .commend li .text .summary {width:480px;}
	.market .modules ul li {width:235px;}
	.market .modules ul li.trial {width:471px;}
	.trial .ilooklook .intro li .img {width:400px;}
	.trial .ilooklook .intro li .text {width:480px;}
	.trial .ilooklook .intro li .text .title {font-size:28px;}
	.trial .ilooklook .intro li .text .summary {width:480px;}
	.trial .ilooklook .intro li.big .img {width:480px;}
	.trial .ilooklook .intro li.big .img img {width:100%;}
	.trial .ilooklook .intro li.big .text {width:400px;}
	.trial .wx_card .intro li .img {width:400px;}
	.trial .wx_card .intro li .text {width:480px;}
	.trial .wx_card .intro li .text .title {font-size:28px;}
	.trial .wx_card .intro li .text .summary {width:480px;}
	.forum .items ul li {width:180px; height:260px;}
	.forum .topics .left {width:720px;}
	.forum .topics .right {width:200px;}
	.forum .topics .right .bbs ul li {width:100px;}
	.forum .topics .right .user .stat p {width:65px;}
	.forum .topics .form .tips span {display:none;}
	.about .intro .block .summary .right {float:left; width:500px;}
	.about .intro .block .summary .right img {width:420px;}
	.salon .list ul li .right {width:520px;}
	.footer ul li {width:130px;}
}

@media only screen and (max-width:920px){
	.box {width:720px;}
	.index .flexslider .slides {height:300px;}
	.index .flexslider .slides li {height:300px;}
	.index .flexslider .slides li .title {padding-top:40px;}
	.index .products ul li {margin:0; float:none; width:100%; height:auto;}
	.index .products ul li .item .img {width:200px; height:200px; text-align:center;}
	.index .products ul li .item .img img {width:140px;}
	.index .products ul li .item .right {width:400px;}
	.index .features ul li {width:340px; height:260px;}
	.index .customers .list {width:700px; height:520px; overflow:hidden;}
	.index .customers .list .slides li {height:520px;}
	.index .customers .list .slides li .item {margin:8px; width:114px; height:110px;}
	.index .customers .list .slides li .item img {max-width:95%;}
	.index .download .wrap .img {width:280px; height:200px;}
	.index .download .wrap .list {margin-left:20px; width:360px;}
	.index .download .wrap .list .item .left {width:60px;}
	.index .download .wrap .list .item .left img {width:85%;}
	.index .download .wrap .list .item .right {margin-left:20px; width:260px;}
	.product .intro .left {width:480px;}
	.product .intro .left .title {font-size:28px;}
	.product .intro .left .summary {width:400px;}
	.product .intro .right {width:240px;}
	.product .intro .right .img img {width:200px;}
	.product .feature li .img {width:300px;}
	.product .feature li .img img {width:200px;}
	.product .feature li .text {width:380px;}
	.product .feature li .text .title {font-size:28px;}
	.product .feature li .text .summary {width:380px;}
	.product .feature li .text-first {padding-top:20px;}
	.product .function {background:#fff;}
	.product .function .box {padding:0;}
	.product .function ul li {margin-right:10px; width:300px;}
	.product .function ul li .item .img {width:100px; height:100px;}
	.product .business ul li {margin:0 10px; width:220px;}
	.product .business ul li .item .detail .name {padding-top:100px; font-size:22px;}
	.product .service ul li {margin-bottom:35px; width:180px;}
	.market .commend li .img {width:300px;}
	.market .commend li .img img {width:200px;}
	.market .commend li .text {width:380px;}
	.market .commend li .text .title {font-size:28px;}
	.market .commend li .text .summary {width:380px;}
	.market .commend li .text-first {padding-top:20px;}
	.market .modules ul li {width:175px;}
	.market .modules ul li.trial {width:351px;}
	.trial .ilooklook .intro li .img {width:300px;}
	.trial .ilooklook .intro li .img img {width:200px;}
	.trial .ilooklook .intro li .text {width:380px;}
	.trial .ilooklook .intro li .text .title {font-size:28px;}
	.trial .ilooklook .intro li .text .summary {width:380px;}
	.trial .ilooklook .intro li .text-first {padding-top:20px;}
	.trial .ilooklook .intro li.big .img {width:340px;}
	.trial .ilooklook .intro li.big .img img {width:100%;}
	.trial .ilooklook .intro li.big .text {width:350px;}
	.trial .wx_card .intro li .img {width:300px;}
	.trial .wx_card .intro li .text {width:380px;}
	.trial .wx_card .intro li .text .title {font-size:28px;}
	.trial .wx_card .intro li .text .summary {width:380px;}
	.forum .slogan .left {width:100%;}
	.forum .slogan .right {padding-top:30px; width:100%;}
	.forum .items ul li {width:340px; height:260px;}
	.forum .topics .box {padding:0 1rem;}
	.forum .topics .left {width:100%;}
	.forum .topics .topic .content img {max-width:100%;}
	.forum .topics .form {width:100%;}
	.forum .topics .right {float:right; width:240px;}
	.forum .topics .right .user {display:none;}
	.forum .topics .right .bbs {display:none;}
	.forum .topics .right .salon {display:none;}
	.forum .topics .form .tips span {display:none;}
	.about .intro .box {padding:0;}
	.about .intro .block .summary .right {float:left; width:100%;}
	.about .intro .block .summary .right img {width:80%;}
	.salon .list ul li .left {width:240px;}
	.salon .list ul li .left img {width:200px;}
	.salon .list ul li .right {width:420px;}
	.footer ul li {width:110px;}
	.footer ul li.right {clear:both;}
}

@media only screen and (max-width:680px){
	form .item {height:auto;}
	form input.input-big {width:auto;}
	.box {width:auto; padding:0 1rem;}
	.header {height:auto;}
	.header .logo {width:4.5rem; height:2rem;}
	.header .logo img {width:85%;}
	.header .slogan {margin:0.75rem 0 0 0; width:10rem; height:2rem;}
	.header .menu {position:absolute; right:1em; top:1em; width:2em; height:2em; background:url(../images/icon-menu-black.png) center center no-repeat; background-size:2em auto; display:block; cursor:pointer; z-index:9999;}
	.header .menu-active {background:url(../images/icon-close.png) center center no-repeat; background-size:2em auto;}
	.header .menu-navs {display:none; position:absolute; left:0; top:0; margin:0; padding:1em 0; width:100%; background:#fdfdfd; box-shadow:0 0 1em #ccc; z-index:999;}
	.header .menu-navs .nav {float:none; margin:0 auto; width:70%; height:auto; font-size:1.15em; line-height:2.5em; text-align:left; border-bottom:1px solid #e3e3e3;}
	.header .menu-navs .nav a {display:block; color:#333;}
	.header .menu-navs .nav .cover {display:none;}
	.header .menu-navs .nav-active a {color:#EB6506;}
	.header .menu-navs .nav:last-child {border-bottom:0;}
	.header .menu-navs .nav-demo button {margin:1rem 0; padding:0.5rem 1rem; font-size:12px; color:#fff; background:#00AF4F; border:0; cursor:pointer;}
	.header .menu-navs .nav-demo button:hover {background:#0DBD73;}
	.header .navs {display:none;}
	.index .flexslider .slides {height:12rem;}
	.index .flexslider .slides li {height:12rem;}
	.index .flexslider .slides li .title {padding-top:1.5rem; font-size:1.25rem; color:#fff;}
	.index .flexslider .slides li .subtitle {margin-top:10px; font-size:1rem; color:#fff;}
	.index .flexslider .slides li .summary {display:none;}
	.index .flexslider .slides li .link {padding-top:20px;}
	.index .flexslider .slides li .link button {margin:4px 0 0 0; padding:8px 20px; font-size:12px; color:#00AF4F; background:#fff; border:0; cursor:pointer;}
	.index .products {padding-top:2rem;}
	.index .products .head {font-size:2rem;}
	.index .products ul li {margin:0; padding-bottom:1rem; float:none; width:100%; height:auto;}
	.index .products ul li .item .img {width:30%; height:auto; text-align:center;}
	.index .products ul li .item .img img {width:85%;}
	.index .products ul li .item .right {width:70%;}
	.index .features .head {font-size:2rem;}
	.index .features .forums {padding:1rem;}
	.index .features .forums .text {float:none; width:100%;}
	.index .features .forums .link {float:none; width:100%;}
	.index .features ul li {padding-bottom:3rem; width:100%; height:auto;}
	.index .features ul li .item .img {height:auto;}
	.index .customers {display:none;}
	.index .customers .list {width:95%; height:auto; overflow:hidden;}
	.index .customers .list .slides li {height:auto;}
	.index .customers .list .slides li .item {margin:8px; width:114px; height:110px;}
	.index .customers .list .slides li .item img {max-width:95%;}
	.index .download {padding:2rem 0;}
	.index .download .head {font-size:2rem;}
	.index .download .wrap {padding:1rem 0;}
	.index .download .wrap .img {width:100%; height:auto;}
	.index .download .wrap .list {margin:0; padding-top:2rem; width:100%;}
	.index .download .wrap .list .item .left {width:20%;}
	.index .download .wrap .list .item .left img {width:85%;}
	.index .download .wrap .list .item .right {margin-left:20px; width:70%;}
	.index .download .trial {padding:1rem;}
	.index .download .trial .text {float:none; width:100%;}
	.index .download .trial .link {float:none; width:100%;}
	.product .banner {height:12rem;}
	.product .banner .title {padding-top:1rem; font-size:1.25rem; line-height:1.5rem;}
	.product .intro {padding:2rem 0;}
	.product .intro .left {width:100%;}
	.product .intro .left .title {font-size:1.5rem; line-height:2rem;}
	.product .intro .left .summary {padding-bottom:2rem; width:100%;}
	.product .intro .right {width:100%; text-align:center;}
	.product .feature li .img {margin:0; width:100%; text-align:center;}
	.product .feature li .text {width:100%;}
	.product .feature li .text .title {font-size:1.5rem;}
	.product .feature li .text .summary {width:100%;}
	.product .function {padding:60px 0 0 0;}
	.product .function .head {padding:1rem; height:auto; font-size:1.5rem;}
	.product .function .desc {padding:0 1rem; font-size:1rem;}
	.product .function ul {padding:2rem 1rem 0 1rem;}
	.product .function ul li {margin:0; width:100%;}
	.product .business .head {padding:1rem; height:auto; font-size:1.5rem;}
	.product .business ul {padding:2rem 1rem 0 1rem;}
	.product .business ul li {margin:0 auto; width:100%;}
	.product .partner .head {padding:1rem; height:auto; font-size:1.5rem;}
	.product .partner .desc {padding:0 1rem; font-size:1rem;}
	.product .partner .list .item {margin:1rem auto; float:none; width:80%;}
	.product .version .head {padding:1rem; height:auto; font-size:1.5rem;}
	.product .version .desc {padding:0 1rem; font-size:1rem;}
	.product .version table .row-head td {padding:0.25rem; font-size:1rem;}
	.product .version table .row-head td.th-version {width:4rem;}
	.product .version table td .tips {display:block;}
	.product .version table .row-stat td .tips {display:none;}
	.product .service .head {padding:1rem; height:auto; font-size:1.5rem;}
	.product .service .desc {padding:0 1rem; font-size:1rem;}
	.product .service ul li.big {width:80%;}
	.product .service ul li.big .img {height:auto;}
	.product .service ul li.big .img img {width:90%;}
	.market .banner {height:12rem;}
	.market .banner .title {padding-top:3rem; font-size:1.25rem; line-height:1.5rem;}
	.market .commend li .img {margin:0; width:100%; text-align:center;}
	.market .commend li .text {width:100%;}
	.market .commend li .text .title {font-size:1.5rem;}
	.market .commend li .text .summary {width:100%;}
	.market .modules ul li {width:100%;}
	.market .modules ul li.trial {width:100%;}
	.market .modules ul li.trial .title {padding:4rem 2rem 2rem 2rem;}
	.market .developer {padding:2rem 1rem 6rem 1rem;}
	.market .developer .box {padding:0;}
	.market .developer .head {font-size:1.5rem;}
	.trial .ilooklook .banner {height:12rem;}
	.trial .ilooklook .banner .title {padding-top:3rem; font-size:1.25rem; line-height:1.5rem;}
	.trial .ilooklook .intro .registe {padding:1rem;}
	.trial .ilooklook .intro .registe .text {float:none; width:100%; font-size:1rem;}
	.trial .ilooklook .intro .registe .link {float:none;}
	.trial .ilooklook .intro li {text-align:center;}
	.trial .ilooklook .intro li .img {margin:0; width:100%;}
	.trial .ilooklook .intro li .text {width:100%;}
	.trial .ilooklook .intro li .text .title {font-size:1.25rem;}
	.trial .ilooklook .intro li .text .summary {width:100%;}
	.trial .ilooklook .intro li.big .img {width:100%;}
	.trial .ilooklook .intro li.big .text {width:100%;}
	.trial .wx_card .banner {height:12rem;}
	.trial .wx_card .banner .title {padding-top:3rem; font-size:1.25rem; line-height:1.5rem;}
	.trial .wx_card .intro li {text-align:center;}
	.trial .wx_card .intro li .img {margin:0; width:100%;}
	.trial .wx_card .intro li .text {width:100%;}
	.trial .wx_card .intro li .text .title {font-size:1.5rem;}
	.trial .wx_card .intro li .text .summary {width:100%; font-size:0.85rem;}
	.forum .banner {height:10rem;}
	.forum .banner .title {padding-top:3rem; font-size:2rem;}
	.forum .slogan {padding:1rem 0;}
	.forum .slogan .head {font-size:2rem;}
	.forum .slogan .left {width:100%;}
	.forum .slogan .left .summary {width:100%;}
	.forum .slogan .left .summary span {position:relative; left:0; top:1rem;}
	.forum .slogan .left .text {margin-top:4rem;}
	.forum .slogan .right {width:100%;}
	.forum .slogan .right ul li {width:80px; height:80px;}
	.forum .items ul li {padding-bottom:3rem; width:45%; height:auto;}
	.forum .items ul li .item .img {height:6rem;}
	.forum .items ul li .item .tips {padding:0;}
	.forum .topics {padding:1rem 0 2rem 0;}
	.forum .topics .form {margin:1rem auto;}
	.forum .topics .form .tips span {display:none;}
	.forum .topics .left .intro .img {width:20%;}
	.forum .topics .left .intro .text {margin-top:0.25rem; width:75%;}
	.forum .topics .left ul li .photo {width:20%;}
	.forum .topics .left ul li .photo img {width:80%;}
	.forum .topics .left ul li .text {width:75%;}
	.forum .topics .left ul li .stat {display:none;}
	.forum .topics .form form .item .label {width:100%; height:auto; line-height:1.5rem; text-align:left;}
	.forum .topics .form form .item .element {margin-left:0; padding-left:0; width:100%;}
	.forum .topics .form .content textarea {height:8rem;}
	.forum .topics .topic .intro .source {width:100%;}
	.forum .topics .topic .intro .link {display:none;}
	.forum .topics .topic .content .file img {max-width:100%;}
	.forum .topics .topic .content .attachment img {max-width:100%;}
	.forum .topics .right {width:100%;}
	.about .banner {height:12rem;}
	.about .banner .title {padding-top:3rem; font-size:1.15rem; line-height:1.5rem;}
	.about .banner .subtitle {font-size:0.85rem;}
	.about .intro {padding:4rem 1rem;}
	.about .intro .block .summary .left {width:100%;}
	.about .intro .block .summary .right {float:left; padding-top:2rem; width:100%;}
	.about .intro .block .summary .right img {width:100%;}
	.salon .banner {height:12rem;}
	.salon .banner .title {padding-top:3rem; font-size:1.25rem; line-height:1.5rem;}
	.salon .list {padding:2rem 0 4rem 0;}
	.salon .list .head {padding:0; font-size:1.25rem;}
	.salon .list ul li .left {width:100%;}
	.salon .list ul li .left img {width:100%;}
	.salon .list ul li .right {width:100%;}
	.salon .list ul li .right .title {font-size:1rem;}
	.salon .detail .box {padding:0 1rem;}
	.salon .detail .content .title {padding:1rem 0; font-size:1.25rem;}
	.salon .detail .content .intro .source {width:100%;}
	.salon .detail .content .intro .button {width:100%;}
	.salon .detail .content .img img {width:100%;}
	.footer ul li {width:30%;}
	.footer ul li .title {padding-bottom:0.5rem;}
	.footer ul li.left {padding-bottom:2rem; width:100%;}
	.footer ul li.forum {margin-top:1rem;}
	.footer ul li.right {width:100%;}
	.footer .copyright .box {margin:0 auto; width:80%;}
}